[#escape x as (x)!?html]
<div class="col-sm-4 px-4 d-none d-lg-block">
  <h5 class="ml-2"><i class="far fa-newspaper text-primary"></i> 热点关注</h5>
  <div class="px-2 pb-2 mt-3">
    [@ZContentList orderBy='count.views_desc' count='10'; contents] [#list
    contents as content]
    <div class="mt-3 d-flex flex-row">
      <div>
        <span
        class="badge [#if content_index==0]badge-danger[#elseif content_index<=2]badge-warning text-white[#elseif content_index<=4]badge-primary[#else]badge-secondary[/#if]"
        style="width: 25px"
          >${content_index+1}</span
        >
      </div>
      <div class="ml-2 text-truncate">
        [@ZUrl object=content class="common-link text-md-left"/]
      </div>
    </div>
    [/#list] [/@ZContentList]
  </div>

  <h5 class="mt-3 ml-2">
    <i class="fas fa-tags text-primary"></i>
    <a href="${base}/tag" class="text-reset text-decoration-none">Tags</a>
  </h5>
  <div class="px-3">
    [@ZTagList count='8';list] [#list list as tag]
    <a
      href="${base}/tag/${tag.id?c}"
      class="btn btn-secondary btn-sm btn-sm mt-2 ml-2"
      >${tag.tagName}</a
    >
    [/#list] [/@ZTagList]
  </div>
</div>
[/#escape]
